<template>
    <div id="main">
        <div id="head">
            <van-nav-bar title="购物车">
                <template #right>
                    <van-icon name="ellipsis" size="22" color="#000"/>
                </template>
            </van-nav-bar>
        </div>
        <img id="gg" src="../assets/img/shopimg.jpg">
        <mid></mid>
        <bodiv></bodiv>
        <aa></aa>
    </div>
</template>

<script>
import bodiv from '../components/ShopDiv.vue';
import mid from '../components/ShopMid.vue';
import aa from '../components/AA.vue';
    export default {
        components: {
            bodiv,
            mid,
            aa,
        },
    }
</script>

<style lang="scss" scoped>
    ::v-deep .van-nav-bar__title{
        font-weight: bold;
        font-size: 4.5vw;
    }
    #main{
        background: rgb(244, 241, 241);
        #gg{
            width: 96%;
            padding-left: 2vw;
            margin-top: 3vw;
            margin-bottom: 4vw;
        }
    }
</style>